<template>
  <div class="h-full flex flex-col">
    <a-affix :offset-top="50">
      <a-menu
        mode="horizontal"
        :selectedKeys="selectedKeys"
        type="inner"
        class="bg-[#f0f2f5] mb-2"
      >
        <a-menu-item key="/system/userList">
          <router-link to="/system/userList">{{
            $t("user.verification-code.required111566192")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/system/roles">
          <router-link to="/system/roles">{{
            $t("user.verification-code.required111566193")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/system/function">
          <router-link to="/system/function">{{
            $t("user.verification-code.required111566194")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/system/jurisdiction">
          <router-link to="/system/jurisdiction">{{
            $t("user.verification-code.required111566194344")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/system/ApproverGroups">
          <router-link to="/system/ApproverGroups">{{
            $t("user.verification-code.required111566194345")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/system/dataBreachGroups">
          <router-link to="/system/dataBreachGroups">{{
            $t("system.databreachgroups.title")
          }}</router-link>
        </a-menu-item>
      </a-menu>
    </a-affix>
    <route-view class="flex-1" />
  </div>
</template>

<script>
import menutabs from "@/mixins/menu-mixin";

export default {
  mixins: [menutabs],
  data() {
    return {
      defaultSelectedKeys: ["1"],
      routeList: [
        {
          path: "/system/userList",
          title: "用户管理",
        },
        {
          path: "/system/roles",
          title: "角色管理",
        },
        {
          path: "/system/function",
          title: "功能管理",
        },
        {
          path: "/system/jurisdiction",
          title: "权限管理",
        },
        {
          path: "/system/ApproverGroups",
          title: "审批组",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped></style>
